﻿@charset "utf-8";
@import "base.css";
/*****************************************************************
公用样式 2015年5月26日  
******************************************************************/

/*面包屑*/
.mod_navbar {
    border-bottom: 1px solid #e1e1e1;
    -webkit-box-shadow: 1px 0 3px #eee,inset 0 0 3px #fff;
    box-shadow: 1px 0 3px #eee,inset 0 0 3px #fff;
    padding: 0 15px;
    position: relative;
    background-color: #f9f9f7;
    z-index: 3;
}

    .mod_navbar:after {
        clear: both;
    }

    .mod_navbar .title {
        float: left;
        white-space: nowrap;
    }

        .mod_navbar .title h3 {
            display: inline;
            min-width: 100px;
            margin: 0;
            line-height: 59px;
            font-size: 20px;
            color: #5c6371;
        }

            .mod_navbar .title h3 i {
                text-shadow: 0 2px 0 #fff,0 -2px 0 #f2f2ea;
            }

                .mod_navbar .title h3 i.icon-compass {
                    font-size: 22px;
                }

                .mod_navbar .title h3 i.icon-cog {
                    color: #ddd;
                    font-size: 14px;
                }

        .mod_navbar .title a {
            color: #5c6371;
            padding: 8px 10px;
            border-radius: 3px;
        }

            .mod_navbar .title a:hover {
                color: #d84c31;
                background: #f2f2ea;
            }

        .mod_navbar .title i.icon-star {
            color: #ffd860;
        }

        .mod_navbar .title i.icon-star-empty {
            color: #d3d3d3;
        }

    .mod_navbar .main {
        margin-left: 180px;
        line-height: 59px;
    }

        .mod_navbar .main .center-select {
            display: inline-block;
            line-height: 35px;
        }

            .mod_navbar .main .center-select h4.center_title {
                display: inline-block;
            }

            .mod_navbar .main .center-select i.icon-chevron-left, .mod_navbar .main .center-select i.icon-chevron-right {
                padding-left: 15px;
                padding-right: 15px;
            }

        .mod_navbar .main button, .mod_navbar .main .btn {
            outline: 0;
        }

        .mod_navbar .main ul.tabs {
            margin: 0;
        }

            .mod_navbar .main ul.tabs:before, .mod_navbar .main ul.tabs:after {
                content: " ";
                display: table;
            }

            .mod_navbar .main ul.tabs:after {
                clear: both;
            }

            .mod_navbar .main ul.tabs li {
                float: left;
            }

                .mod_navbar .main ul.tabs li a {
                    display: block;
                    height: 54px;
                    margin: 5px 15px 0 15px;
                    padding: 0 15px;
                    color: #8a959e;
                    font-size: 16px;
                }

                    .mod_navbar .main ul.tabs li a:hover {
                        border-bottom: solid 3px rgba(216,76,49,0.4);
                        color: #323a45;
                    }

                    .mod_navbar .main ul.tabs li a.cur {
                        border-bottom: solid 3px #d84c31 !important;
                        color: #323a45;
                        cursor: default;
                    }

/*tabs*/
.tabs {
    margin: 0;
}

    .tabs:before, .tabs:after {
        content: " ";
        display: table;
    }

    .tabs:after {
        clear: both;
    }

    .tabs li {
        float: left;
    }

ul.tabs li a {
    display: block;
    margin: 0 10px;
    padding: 5px 15px;
    color: #8a959e;
    font-size: 16px;
}

.tabs li a:hover {
    border-bottom: solid 3px rgba(216,76,49,0.4);
    color: #323a45;
}

.tabs li a.cur {
    border-bottom: solid 3px #d84c31 !important;
    color: #323a45;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.428571429;
            border: 1px solid transparent;
            border-radius: 3px 3px 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd;
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #555;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
            cursor: default;
        }

/*加载更多*/
.loading-more-panel {
    margin-top: 20px;
    text-align: center;
}

    .loading-more-panel .btn {
        padding: 8px 40px;
    }

/*框架*/
.frame {
    margin: 15px;
    padding: 15px;
    border: solid 1px #e1e1e1;
    background: #fbfbfb;
    -webkit-box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
    box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
}

    .frame > dt, .frame .frame-dt {
        border-bottom: solid 1px #e1e1e1;
        padding: 0 15px;
        color: #666;
        line-height: 40px;
        font-weight: normal;
    }

        .frame > dt:before, .frame .frame-dt:before, .frame > dt:after, .frame .frame-dt:after {
            content: " ";
            display: table;
        }

        .frame > dt:after, .frame .frame-dt:after {
            clear: both;
        }

        .frame > dt span.title, .frame .frame-dt span.title {
            float: left;
            font-size: 18px;
            margin-right: 40px;
            color: #646b75;
            line-height: 46px;
        }

        .frame > dt a.title .icon-refresh, .frame .frame-dt a.title .icon-refresh {
            visibility: hidden;
        }

        .frame > dt a.title:hover span.title, .frame .frame-dt a.title:hover span.title {
            color: #d14836;
        }

        .frame > dt span, .frame .frame-dt span {
            float: right;
        }

    .frame > dd, .frame frame-dd {
        margin: 0;
        padding: 15px;
    }

        .frame > dd:before, .frame frame-dd:before, .frame > dd:after, .frame frame-dd:after {
            content: " ";
            display: table;
        }

        .frame > dd:after, .frame frame-dd:after {
            clear: both;
        }

    .frame .badge {
        margin-left: 10px;
        background: #f2f2ea;
        color: #d84c31;
        padding: 5px 7px;
        border-radius: 3px;
    }

    .frame .pagination {
        margin: 0;
    }

/*中间*/
.center-panel {
    margin-left: -360px;
    float: left;
    width: 100%;
}

.center-right-panel .right-panel {
    width: 345px;
    float: right;
    margin-right: 15px;
    margin-top: 15px;
}

.center-panel .center-panel-inner {
    margin-left: 360px;
}

/*空数据*/
.empty-panel {
    margin: 0 auto;
    padding-top: 12%;
    text-align: center;
    text-shadow: 0 2px 0 #fff,0 -2px 0 #f2f2ea;
}

    .empty-panel i {
        font-size: 120px;
        color: #f2f2ea;
    }

    .empty-panel span {
        font-size: 24px;
        line-height: 48px;
        color: #e7e7df;
    }

    .empty-panel a {
        color: #e7e7df;
    }

        .empty-panel a:hover {
            color: #d14836;
        }

    .empty-panel p {
        color: #8a959e;
        text-shadow: 0 0 0;
    }

/*任务*/
.wt-header {
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 20px;
}

    .wt-header:before, .wt-header:after {
        content: " ";
        display: table;
    }

    .wt-header:after {
        clear: both;
    }

    .wt-header .title {
        font-size: 16px;
        font-weight: bold;
    }

    .wt-header .column {
        float: left;
        text-align: left;
    }

.wt-row {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #e1e1e1;
}

    .wt-row:before, .wt-row:after {
        content: " ";
        display: table;
    }

    .wt-row:after {
        clear: both;
    }

    .wt-row:hover, .wt-row.active {
        background: #f7f7f4;
    }

    .wt-row .column {
        float: left;
        text-align: left;
    }

    .wt-row.feed-item .column-actor {
        position: absolute;
        left: 30px;
        top: 0;
        width: 135px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 48px;
    }

        .wt-row.feed-item .column-actor .avatar-name {
            margin-left: 5px;
        }

    .wt-row.feed-item .column-action {
        width: 100%;
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .wt-row.feed-item .column-action h4 {
            font-size: 16px;
            margin-top: 8px;
            margin-bottom: 8px;
            line-height: 150%;
            word-break: break-all;
        }

        .wt-row.feed-item .column-action .entity {
            color: #aaa;
            word-break: break-all;
        }

            .wt-row.feed-item .column-action .entity i {
                margin-right: 5px;
            }

        .wt-row.feed-item .column-action img.emoji {
            width: 18px;
            height: 18px;
        }

    .wt-row.feed-item .column-datetime {
        line-height: 48px;
        color: #d7d7d7;
        text-align: right;
        position: absolute;
        top: 0;
        right: 15px;
        width: 113px;
    }

.feed-list .feed-item {
    cursor: pointer;
}

    .feed-list .feed-item .feed-item-inner {
        position: relative;
        padding: 0 130px 0 180px;
    }

        .feed-list .feed-item .feed-item-inner:before, .feed-list .feed-item.feed-item-inner:after {
            content: " ";
            display: table;
        }

        .feed-list .feed-item .feed-item-inner:after {
            clear: both;
        }

.task-badges {
    padding-top: 3px;
    white-space: normal;
}

    .task-badges .task-badge {
        color: #aaa;
        line-height: 24px;
        padding: 0 4px;
        border-radius: 3px;
        -webkit-text-size-adjust: none;
        font-size: 12px;
        display: inline-block;
        margin: 8px 5px 0 0;
    }

        .task-badges .task-badge:before {
            font-size: 14px;
            padding-right: 2px;
        }

        .task-badges .task-badge.badge-expire-due {
            background-color: #f2dede;
            color: #a94442;
        }

        .task-badges .task-badge.badge-expire-soon {
            background-color: #fcf8e3;
            color: #8a6d3b;
        }

        .task-badges .task-badge.badge-todo-done {
            background-color: #dff0d8;
            color: #3c763d;
        }

.group-list hr {
    margin: 0;
    border-top: solid 1px #e1e1e1;
}

.group-item .group-header {
    border-bottom: solid 1px #e1e1e1;
    border-top: solid 1px #fff;
    background: #f9f9f7;
    padding: 10px 15px;
    color: #d84c31;
    font-size: 14px;
    text-shadow: 0 2px 0 #fff,0 -2px 0 #f2f2ea;
}

    .group-item .group-header .panel-collapse {
        font-size: 25px;
        margin-right: 10px;
        line-height: 25px;
    }

    .group-item .group-header a {
        text-shadow: 0 2px 0 #fff,0 -2px 0 #f2f2ea;
    }

    .group-item .group-header .badge {
        background: #f2f2ea;
        color: #d84c31;
    }

.group-item .group-task-item {
    padding: 10px 15px 10px 30px;
    border-bottom: solid 1px #e1e1e1;
    cursor: pointer;
}

    .group-item .group-task-item:before, .task-list-panel .group-item .group-task-item:after {
        content: " ";
        display: table;
    }

    .group-item .group-task-item:after {
        clear: both;
    }

    .group-item .group-task-item:hover, .task-list-panel .group-item .group-task-item.active {
        background: #f9f9f7;
    }

        .group-item .group-task-item:hover .task-action, .task-list-panel .group-item .group-task-item.active .task-action {
            visibility: visible;
        }

    .group-item .group-task-item .task-main {
        position: relative;
    }

        .group-item .group-task-item .task-main a.task-check {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 25px;
            height: 25px;
            color: #999;
            font-size: 18px;
            line-height: 22px;
        }

            .group-item .group-task-item .task-main a.task-check:hover {
                color: #333;
            }

            .group-item .group-task-item .task-main a.task-check i.icon-check-sign {
                color: #79c455;
            }

        .group-item .group-task-item .task-main .task-title {
            display: block;
            word-wrap: break-word;
            white-space: normal;
            line-height: 22px;
            color: #333;
            margin-left: 25px;
        }

    .group-item .group-task-item .task-badges {
        float: left;
    }

    .group-item .group-task-item .task-members {
        float: right;
        text-align: right;
        padding-top: 8px;
    }

        .group-item .group-task-item .task-members .member {
            margin-left: 5px;
        }

    .group-item .group-task-item .task-action {
        position: absolute;
        top: 0;
        right: 16px;
        visibility: hidden;
    }

    .group-item .group-task-item .task-project {
        position: absolute;
        right: 10px;
        top: 5px;
    }

.task-completed-style {
    color: #999;
    text-decoration: line-through;
}

    .task-completed-style a.entry-task-title, .task-completed-style span.task-title {
        color: #999 !important;
    }

/*右侧内容*/
.right-panel {
    width: 345px;
    float: right;
    margin-right: 15px;
    margin-top: 15px;
}

.box-panel {
    background: #f9f9f7;
    padding: 15px;
    margin-bottom: 15px;
    border: solid 1px #e1e1e1;
    -webkit-box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
    box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
}

    .box-panel .box-panel-header {
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 15px;
    }

        .box-panel .box-panel-header:before, .box-panel .box-panel-header:after {
            content: " ";
            display: table;
        }

        .box-panel .box-panel-header:after {
            clear: both;
        }

        .box-panel .box-panel-header h4 {
            color: #646b75;
            font-size: 18px;
            margin-bottom: 15px;
            margin-top: 0;
        }

        .box-panel .box-panel-header .panel-actions {
            float: right;
            top: -15px;
            position: relative;
            display: block;
            right: 12px;
        }

            .box-panel .box-panel-header .panel-actions i {
                font-size: 16px;
            }

    .box-panel .box-panel-body:before, .box-panel .box-panel-body:after {
        content: " ";
        display: table;
    }

    .box-panel .box-panel-body:after {
        clear: both;
    }

.hello-body:before, .hello-body:after {
    content: " ";
    display: table;
}

.hello-body:after {
    clear: both;
}

.hello-body .avatar {
    margin-bottom: 15px;
    float: left;
}

.hello-body .hello-right {
    float: left;
    margin-left: 10px;
}

    .hello-body .hello-right h4 {
        font-size: 16px;
        margin: 4px 0 8px;
        display: inline-block;
        color: #323a45;
        width: 246px;
        word-break: break-all;
        line-height: 150%;
    }

    .hello-body .hello-right span {
        color: #8a959e;
    }

.my-tasks-overview ul {
    list-style: none;
    margin: 0;
}

    .my-tasks-overview ul:before, .my-tasks-overview ul:after {
        content: " ";
        display: table;
    }

    .my-tasks-overview ul:after {
        clear: both;
    }

    .my-tasks-overview ul li {
        list-style: none;
        float: left;
        width: 33.3%;
        text-align: center;
        border-right: solid 1px #e1e1e1;
    }

        .my-tasks-overview ul li a:hover .text {
            color: #d84c31;
        }

        .my-tasks-overview ul li.noborder {
            border-right: 0;
        }

        .my-tasks-overview ul li span {
            display: block;
        }

        .my-tasks-overview ul li .count {
            font-family: arial;
            font-size: 20px;
            font-weight: bolder;
        }

        .my-tasks-overview ul li .text {
            font-size: 14px;
            color: #646b75;
            line-height: 28px;
        }

        .my-tasks-overview ul li.tasks-completed .count {
            color: #88b244;
        }

        .my-tasks-overview ul li.tasks-uncompleted .count {
            color: #f7af49;
        }

        .my-tasks-overview ul li.tasks-expired .count {
            color: #f47a55;
        }

/*今日日程*/
.today-event .box-panel-header h4 {
    margin-top: 0;
}

.today-event .box-panel-body .empty-panel i {
    font-size: 48px;
}

.today-event .box-panel-body .empty-panel span {
    font-size: 18px;
}

.today-event .box-panel-body ul li {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .today-event .box-panel-body ul li:before, .today-event .box-panel-body ul li:after {
        content: " ";
        display: table;
    }

    .today-event .box-panel-body ul li:after {
        clear: both;
    }

    .today-event .box-panel-body ul li a {
        color: #646b75;
        display: block;
        float: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 260px;
    }

        .today-event .box-panel-body ul li a:hover {
            color: rgba(100,107,117,0.4);
        }

    .today-event .box-panel-body ul li span {
        display: block;
        color: #d84c31;
        width: 53px;
        float: left;
    }

/*项目*/
.projects-panel .project-grid-panel {
    margin: 15px;
    padding: 15px;
}

.projects-panel .projects-panel-header {
    font-size: 18px;
    color: #8a959e;
    font-size: 18px;
}

    .projects-panel .projects-panel-header i {
        margin-right: 5px;
    }

    .projects-panel .projects-panel-header a {
        color: #8a959e;
    }

        .projects-panel .projects-panel-header a:hover {
            color: #d84c31;
        }

    .projects-panel .projects-panel-header .badge {
        background-color: #b5bfcd;
        font-weight: normal;
        padding: 4px 6px;
        border-radius: 4px;
        margin-left: 10px;
        color: #f9f9f7;
    }

.project-grid {
    padding-left: 15px;
    margin-bottom: 15px;
}

    .project-grid:before, .project-grid:after {
        content: " ";
        display: table;
    }

    .project-grid:after {
        clear: both;
    }

    .project-grid .project-item {
        width: 212px;
        float: left;
        position: relative;
        margin: 15px 0 15px 15px;
    }

        .project-grid .project-item:hover a.star {
            visibility: visible;
        }

        .project-grid .project-item:hover a.action {
            visibility: visible;
        }

        .project-grid .project-item a.star {
            color: #d3d3d3;
            font-size: 18px;
            visibility: hidden;
            left: 5px;
            top: 5px;
            z-index: 1;
            width: 30px;
            height: 30px;
            position: absolute;
            display: block;
            text-align: center;
            line-height: 30px;
        }

            .project-grid .project-item a.star:hover {
                color: #333;
            }

            .project-grid .project-item a.star.star-started {
                color: #ffd860;
            }

            .project-grid .project-item a.star.star-started {
                visibility: visible;
            }

        .project-grid .project-item a.center {
            display: block;
            text-align: center;
            border: solid 1px #e1e1e1;
            -webkit-box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
            box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
            background: #f9f9f7;
            padding-top: 35px;
            height: 132px;
        }

            .project-grid .project-item a.center h4 {
                margin-top: 15px;
                margin-bottom: 35px;
                font-size: 16px;
                color: #333;
                padding-left: 5px;
                padding-right: 5px;
            }

            .project-grid .project-item a.center i {
                font-size: 32px;
                text-shadow: 0 2px 0 #fff,0 -2px 0 #f2f2ea;
            }

            .project-grid .project-item a.center:hover i, .project-grid .project-item a.center:hover h4 {
                opacity: .5;
            }

    .project-grid .project-picked-up {
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
        cursor: grabbing;
        shadow: 3px #333;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
        box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
        -webkit-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }

        .project-grid .project-picked-up a {
            cursor: -moz-grabbing;
            cursor: -webkit-grabbing;
            cursor: grabbing;
        }

    .project-grid .project-placeholder {
        display: inline-block;
        zoom: 1;
        background: #f2f2ea;
        border: solid 1px #e1e1e1;
        float: left;
        margin: 15px;
        margin-right: 0;
    }

    .project-grid .projects-empty {
        cursor: default !important;
    }

        .project-grid .projects-empty a.center {
            cursor: default !important;
            color: #e7e7df;
        }

            .project-grid .projects-empty a.center h4 {
                color: #999;
            }

/*我的项目右侧*/
.g-main .layout_content_main {
    height: 100%;
    margin-right: 240px;
    position: relative;
}

.layout_right_sidebar {
    width: 239px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-left: solid 1px #e1e1e1;
    -webkit-box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
    box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
}

    .layout_right_sidebar .collapse_show {
        display: none;
    }

    .layout_right_sidebar.sidebar_collapse .collapse_hide {
        display: none;
    }

    .layout_right_sidebar.sidebar_collapse .collapse_show {
        display: block;
    }

.prj_sidebar {
    position: relative;
    background: #f9f9f7;
}

.g-main .layout_content_main .layout_content_main_nonav {
    position: absolute;
    top: 59px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
}

.mCSB_horizontal > .mCSB_container {
    height: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden;
}

.sidebar_collapse .prj_sidebar .prj_sidebar_header {
    color: #d84c31;
}

    .sidebar_collapse .prj_sidebar .prj_sidebar_header ul {
        height: 58px;
    }

        .sidebar_collapse .prj_sidebar .prj_sidebar_header ul:before, .sidebar_collapse .prj_sidebar .prj_sidebar_header ul:after {
            content: " ";
            display: table;
        }

        .sidebar_collapse .prj_sidebar .prj_sidebar_header ul:after {
            clear: both;
        }

        .sidebar_collapse .prj_sidebar .prj_sidebar_header ul li {
            width: 50%;
            text-align: center;
            padding: 0;
            margin: 0;
            float: left;
        }

            .sidebar_collapse .prj_sidebar .prj_sidebar_header ul li.active a {
                border-bottom: solid 3px #d84c31;
                color: #323a45;
            }

            .sidebar_collapse .prj_sidebar .prj_sidebar_header ul li a {
                display: block;
                padding: 22px 4px 13px 4px;
                margin: 0 5px;
                color: #8a959e;
            }

                .sidebar_collapse .prj_sidebar .prj_sidebar_header ul li a:hover {
                    border-bottom: solid 3px rgba(216,76,49,0.4);
                    color: #323a45;
                }

.sidebar_collapse .prj_sidebar .prj_sidebar_main ul.prj_sidebar_module {
    height: auto;
}

    .sidebar_collapse .prj_sidebar .prj_sidebar_main ul.prj_sidebar_module li {
        float: none;
        width: 88%;
        margin: 20px 5px;
    }

.sidebar_collapse .prj_sidebar .prj_sidebar_main .avatars li {
    float: none;
    text-align: center;
}

    .sidebar_collapse .prj_sidebar .prj_sidebar_main .avatars li .avatar-name {
        width: 65px;
    }

.prj_sidebar .prj_sidebar_step_header {
    padding: 5px;
}

    .prj_sidebar .prj_sidebar_step_header a {
        display: block;
        height: 40px;
        color: #8a959e;
        text-shadow: 0 2px 0 #fff,0 -2px 0 #f2f2ea;
        margin: 4px 0;
    }

        .prj_sidebar .prj_sidebar_step_header a:before, .prj_sidebar .prj_sidebar_step_header a:after {
            content: " ";
            display: table;
        }

        .prj_sidebar .prj_sidebar_step_header a:after {
            clear: both;
        }

        .prj_sidebar .prj_sidebar_step_header a:hover {
            color: #d84c31;
            background: #f2f2ea;
            border-radius: 5px;
        }

        .prj_sidebar .prj_sidebar_step_header a button {
            margin: 12px 5px 14px 5px;
            border: 0;
            background: transparent;
            outline: 0;
            border-radius: 3px;
        }

            .prj_sidebar .prj_sidebar_step_header a button.icon-caret-down, .prj_sidebar .prj_sidebar_step_header a button.icon-caret-up {
                float: right;
            }

            .prj_sidebar .prj_sidebar_step_header a button.back {
                float: left;
            }

        .prj_sidebar .prj_sidebar_step_header a h3 {
            margin-top: 12px;
            font-size: 15px;
        }

.prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body {
    font-size: 14px;
}

    .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu {
        margin: 0;
    }

        .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu li {
            line-height: 200%;
            margin: 5px;
        }

            .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu li.disabled a {
                cursor: default;
                color: #ccc;
            }

                .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu li.disabled a:hover {
                    background-color: transparent;
                }

            .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu li.divider {
                border: 0;
                border-top: solid 1px #e1e1e1;
                border-bottom: solid 1px #fff;
                margin: 0;
            }

            .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu li > a {
                display: block;
                cursor: pointer;
                color: #333;
                padding: 5px 15px;
            }

                .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu li > a.active {
                    text-decoration: none;
                    background-color: #f2f2ea;
                    border-radius: 3px;
                }

                .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu li > a:hover {
                    text-decoration: none;
                    background-color: #f2f2ea;
                    border-radius: 3px;
                }

                    .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu li > a:hover .action {
                        visibility: visible;
                    }

                .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu li > a:focus {
                    text-decoration: none;
                }

                .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu li > a.text-muted {
                    color: #ccc;
                    cursor: not-allowed;
                }

                .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu li > a i {
                    margin-right: 5px;
                }

                .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu li > a span.desc {
                    display: block;
                    word-break: break-all;
                    white-space: normal;
                    line-height: 180%;
                    color: #aaa;
                }

                .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu li > a .small-tip {
                    position: absolute;
                    right: 20px;
                }

                .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu li > a .action {
                    visibility: hidden;
                    position: absolute;
                    right: 5px;
                }

            .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj_sidebar_step_menu li .icon {
                float: left;
                display: block;
                width: 20px;
                height: 20px;
            }

    .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body h5 {
        font-size: 14px;
        padding-left: 15px;
        margin-top: 8px;
        margin-bottom: 8px;
        color: #8a959e;
        opacity: .7;
    }

    .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body .add_member .avatars li {
        float: none;
    }

    .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body .prj_sidebar_dl dt {
        font-weight: normal;
        color: #8a959e;
        padding: 8px 10px;
        font-size: 14px;
    }

    .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body .prj_sidebar_dl dd {
        margin: 0 5px;
    }

    .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj-colors li {
        padding: 7px 0;
    }

        .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj-colors li span.prj_color {
            width: 32px;
            height: 32px;
            display: inline-block;
            text-align: center;
            font-size: 24px;
            cursor: pointer;
            vertical-align: top;
        }

    .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj-icons li {
        padding: 7px 0;
    }

        .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj-icons li.active {
            background: #f2f2ea;
        }

        .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj-icons li span {
            cursor: pointer;
        }

            .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body ul.prj-icons li span i {
                font-size: 24px;
                text-shadow: 0 2px 0 #fff,0 -2px 0 #f2f2ea;
            }

    .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body .panel-group .panel {
        box-shadow: none;
    }

        .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body .panel-group .panel.open .panel-heading h4.panel-title a span:before {
            content: "\f107";
        }

        .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body .panel-group .panel .panel-heading {
            background-image: none;
        }

            .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body .panel-group .panel .panel-heading h4.panel-title {
                font-weight: normal;
                color: #8a959e;
                padding: 8px 10px;
                font-size: 14px;
            }

                .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body .panel-group .panel .panel-heading h4.panel-title a {
                    display: block;
                    cursor: pointer;
                }

                    .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body .panel-group .panel .panel-heading h4.panel-title a span:before {
                        content: "\f105";
                        padding: 0 15px;
                        font-family: FontAwesome;
                        font-weight: normal;
                        font-style: normal;
                        text-decoration: inherit;
                        -webkit-font-smoothing: antialiased;
                        float: right;
                    }

        .prj_sidebar ul.prj_sidebar_step li.prj_sidebar_step_li .prj_sidebar_step_body .panel-group .panel .panel-collapse .panel-body {
            padding: 1px 0 5px 0;
        }

.prj_sidebar .prj_sidebar_main {
    position: relative;
}

    .prj_sidebar .prj_sidebar_main h4 {
        font-size: 14px;
        padding-left: 15px;
        margin-top: 8px;
        margin-bottom: 8px;
        color: #8a959e;
        opacity: .7;
    }

    .prj_sidebar .prj_sidebar_main ul.prj_sidebar_module {
        padding: 0;
        margin: 0 5px;
        min-height: 30px;
    }

        .prj_sidebar .prj_sidebar_main ul.prj_sidebar_module:before, .prj_sidebar .prj_sidebar_main ul.prj_sidebar_module:after {
            content: " ";
            display: table;
        }

        .prj_sidebar .prj_sidebar_main ul.prj_sidebar_module:after {
            clear: both;
        }

        .prj_sidebar .prj_sidebar_main ul.prj_sidebar_module li {
            float: left;
            width: 28.5%;
            margin: 5px;
        }

            .prj_sidebar .prj_sidebar_main ul.prj_sidebar_module li.active a {
                color: #d84c31;
                background: #f2f2ea;
            }

            .prj_sidebar .prj_sidebar_main ul.prj_sidebar_module li a {
                display: block;
                margin: 0;
                padding: 6px;
                text-align: center;
                font-size: 14px;
                border-radius: 5px;
                color: #8a959e;
            }

                .prj_sidebar .prj_sidebar_main ul.prj_sidebar_module li a:hover {
                    color: #d84c31;
                    background: #f2f2ea;
                }

                .prj_sidebar .prj_sidebar_main ul.prj_sidebar_module li a i {
                    font-size: 24px;
                    text-shadow: 0 2px 0 #fff,0 -2px 0 #f2f2ea;
                }

    .prj_sidebar .prj_sidebar_main .prj_member_list.fold .avatar-name, .prj_sidebar .prj_sidebar_main .prj_member_list.fold .hide_fold {
        display: none;
    }

    .prj_sidebar .prj_sidebar_main .prj_member_list ul.avatars li {
        white-space: nowrap;
    }

    .prj_sidebar .prj_sidebar_main .prj-nav-placeholder {
        background: #f2f2ea;
        border-radius: 5px;
        display: inline-block;
        zoom: 1;
        border: solid 1px #e1e1e1;
        background: #f2f2ea;
    }

    .prj_sidebar .prj_sidebar_main .picked-up {
        border: solid 1px #e1e1e1;
        border-radius: 5px;
        background: #f2f2ea;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
        cursor: grabbing;
        shadow: 3px #333;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
        box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
        -webkit-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

        .prj_sidebar .prj_sidebar_main .picked-up a {
            color: #d14836 !important;
        }

        .prj_sidebar .prj_sidebar_main .picked-up a {
            cursor: -moz-grabbing;
            cursor: -webkit-grabbing;
            cursor: grabbing;
        }

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

.prj_sidebar ul {
    margin: 0;
}

/*新建项目*/
.entries_panel {
    white-space: nowrap;
}

    .entries_panel:before, .entries_panel:after {
        content: " ";
        display: table;
    }

    .entries_panel:after {
        clear: both;
    }

    .entries_panel .entries_panel_sortarea {
        display: inline-block;
    }

        .entries_panel .entries_panel_sortarea .entry {
            position: relative;
            min-height: 60px;
            vertical-align: top;
            display: inline-block;
            zoom: 1;
            -webkit-box-shadow: 0 1px 3px #eee, inset 0 0 3px #fff;
            box-shadow: 0 1px 3px #eee, inset 0 0 3px #fff;
            background: #fbfbfb;
            min-width: 320px;
            margin: 15px 0 0 15px;
            border: solid 1px #e1e1e1;
        }

            .entries_panel .entries_panel_sortarea .entry:last-child {
                margin-right: 10px;
            }

            .entries_panel .entries_panel_sortarea .entry .entry_header {
                background: #f9f9f7;
                border-bottom: solid 1px #e1e1e1;
                position: relative;
                z-index: 2;
                cursor: -moz-grab;
                cursor: -webkit-grab;
                cursor: grab;
            }

                .entries_panel .entries_panel_sortarea .entry .entry_header .entry_header_title {
                    margin-right: 30px;
                }

                    .entries_panel .entries_panel_sortarea .entry .entry_header .entry_header_title h2 {
                        font-size: 16px;
                        line-height: 30px;
                        padding: 6px 5px 6px 10px;
                        margin: 0;
                        cursor: pointer;
                        overflow: hidden;
                    }

                        .entries_panel .entries_panel_sortarea .entry .entry_header .entry_header_title h2 i {
                            font-size: 12px;
                            color: #ddd;
                            margin-left: 5px;
                            line-height: 30px;
                        }

                .entries_panel .entries_panel_sortarea .entry .entry_header a.entry_header_menu {
                    -webkit-transform: rotate(90deg);
                    -ms-transform: rotate(90deg);
                    -o-transform: rotate(90deg);
                    transform: rotate(90deg);
                    position: absolute;
                    display: block;
                    right: 0;
                    top: 0;
                    color: #333;
                    font-size: 14.700000000000001px;
                    color: #d3d3d3;
                    height: 40px;
                    width: 40px;
                    font-size: 14px;
                    text-align: center;
                    line-height: 40px;
                }

                    .entries_panel .entries_panel_sortarea .entry .entry_header a.entry_header_menu:hover {
                        color: #333;
                    }

                    .entries_panel .entries_panel_sortarea .entry .entry_header a.entry_header_menu.openpop {
                        visibility: visible;
                    }

            .entries_panel .entries_panel_sortarea .entry .entry-task-panel .entry-add-top-composer {
                border-bottom: solid 1px #e1e1e1;
            }

            .entries_panel .entries_panel_sortarea .entry .entry-task-panel .mCSB_container {
                padding-bottom: 0;
            }

            .entries_panel .entries_panel_sortarea .entry .entry-task-panel .entry-tasks.ui-sortable {
                min-height: 25px;
            }

            .entries_panel .entries_panel_sortarea .entry .entry-task-panel .entry-tasks .task.task-last-nocomposer {
                border-bottom: solid 1px transparent;
            }

            .entries_panel .entries_panel_sortarea .entry .entry-task-panel .entry-tasks .wt-task-placeholder {
                display: inline-block;
                zoom: 1;
                border: solid 1px #e1e1e1;
                background: #f2f2ea;
                display: block;
                margin: 0;
                border-width: 1px 0;
            }

            .entries_panel .entries_panel_sortarea .entry .entry-task-panel .entry-tasks .picked-up {
                cursor: -moz-grabbing;
                cursor: -webkit-grabbing;
                cursor: grabbing;
                shadow: 3px #333;
                -webkit-box-shadow: none;
                box-shadow: none;
                -webkit-box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
                box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
                -webkit-transform: rotate(3deg);
                -ms-transform: rotate(3deg);
                -o-transform: rotate(3deg);
                transform: rotate(3deg);
            }

                .entries_panel .entries_panel_sortarea .entry .entry-task-panel .entry-tasks .picked-up a {
                    cursor: -moz-grabbing;
                    cursor: -webkit-grabbing;
                    cursor: grabbing;
                }

            .entries_panel .entries_panel_sortarea .entry div.entry-task-composer {
                margin: 5px;
            }

                .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-body {
                    margin-bottom: 5px;
                    background: #fff;
                    border-radius: 3px;
                    border: 1px solid #ccc;
                    text-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
                    position: relative;
                }

                    .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-body.composer-body-focus {
                        border: solid 1px #66afe9;
                        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
                    }

                    .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-body .composer-body-footer {
                        padding: 3px;
                        padding-top: 0;
                    }

                        .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-body .composer-body-footer:before, .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-body .composer-body-footer:after {
                            content: " ";
                            display: table;
                        }

                        .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-body .composer-body-footer:after {
                            clear: both;
                        }

                        .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-body .composer-body-footer .task-badges {
                            padding-top: 5px;
                            float: left;
                        }

                            .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-body .composer-body-footer .task-badges .task-badge {
                                margin-top: 0;
                            }

                        .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-body .composer-body-footer .entry-task-members {
                            padding-top: 3px;
                        }

                    .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-body .entry-task-labels {
                        line-height: 0;
                        position: absolute;
                        top: 2px;
                        right: 0;
                    }

                        .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-body .entry-task-labels:before, .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-body .entry-task-labels:after {
                            content: " ";
                            display: table;
                        }

                        .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-body .entry-task-labels:after {
                            clear: both;
                        }

                        .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-body .entry-task-labels .task-label {
                            float: left;
                            height: 8px;
                            width: 8px;
                            border-radius: 50%;
                            margin-right: 5px;
                            margin-bottom: 1px;
                        }

                    .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-body textarea {
                        margin-top: 8px;
                        outline: none;
                        border: 0;
                        resize: none;
                        box-shadow: inset 0 0 0 #fff,0 0 0 #fff;
                    }

                .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-footer:before, .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-footer:after {
                    content: " ";
                    display: table;
                }

                .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-footer:after {
                    clear: both;
                }

                .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-footer .btn {
                    float: left;
                }

                .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-footer .btn-cancel {
                    font-size: 21px;
                }

                .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-footer .action-icon {
                    -webkit-transform: rotate(90deg);
                    -ms-transform: rotate(90deg);
                    -o-transform: rotate(90deg);
                    transform: rotate(90deg);
                    float: right;
                    width: 25px;
                    text-align: center;
                    color: #d3d3d3;
                    line-height: 36px;
                    font-size: 16px;
                }

                    .entries_panel .entries_panel_sortarea .entry div.entry-task-composer .composer-footer .action-icon:hover {
                        color: #333;
                    }

            .entries_panel .entries_panel_sortarea .entry .entry-task-footer {
                position: relative;
                z-index: 2;
                padding: 5px;
                line-height: 28px;
            }

            .entries_panel .entries_panel_sortarea .entry a.js-add-task-composer {
                display: block;
                margin: 0 10px;
                color: #8a959e;
                text-align: left;
                padding: 3px 0;
            }

                .entries_panel .entries_panel_sortarea .entry a.js-add-task-composer:hover {
                    color: #d84c31;
                }

            .entries_panel .entries_panel_sortarea .entry.entry-add {
                border: 0;
                -webkit-box-shadow: 0 0 0 #fff, inset 0 0 0 #FFF;
                box-shadow: 0 0 0 #fff, inset 0 0 0 #FFF;
            }

            .entries_panel .entries_panel_sortarea .entry a.entry-add {
                display: block;
                border: dashed 1px #ddd;
                border-radius: 3px;
                text-align: center;
                line-height: 50px;
                width: 100%;
                background: #f9f9f7;
                color: #bbb;
                font-size: 16px;
            }

                .entries_panel .entries_panel_sortarea .entry a.entry-add:hover {
                    border: dashed 1px #bfbfbf;
                    color: #333;
                }

    .entries_panel .entry-new {
        position: relative;
        min-height: 44px;
        vertical-align: top;
        display: inline-block;
        zoom: 1;
        -webkit-box-shadow: 0 1px 3px #eee, inset 0 0 3px #fff;
        box-shadow: 0 1px 3px #eee, inset 0 0 3px #fff;
        background: #fbfbfb;
        min-width: 240px;
        margin: 15px 0 0 15px;
        border: solid 1px #e1e1e1;
        background: #f9f9f7;
    }

        .entries_panel .entry-new:last-child {
            margin-right: 10px;
        }

        .entries_panel .entry-new .entry_header {
            background: #f9f9f7;
            border-bottom: solid 1px #e1e1e1;
            position: relative;
            z-index: 2;
            cursor: -moz-grab;
            cursor: -webkit-grab;
            cursor: grab;
        }

            .entries_panel .entry-new .entry_header .entry_header_title {
                margin-right: 30px;
            }

                .entries_panel .entry-new .entry_header .entry_header_title h2 {
                    font-size: 16px;
                    line-height: 30px;
                    padding: 6px 5px 6px 10px;
                    margin: 0;
                    cursor: pointer;
                    overflow: hidden;
                }

                    .entries_panel .entry-new .entry_header .entry_header_title h2 i {
                        font-size: 12px;
                        color: #ddd;
                        margin-left: 5px;
                        line-height: 30px;
                    }

            .entries_panel .entry-new .entry_header a.entry_header_menu {
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                position: absolute;
                display: block;
                right: 0;
                top: 0;
                color: #333;
                font-size: 14.700000000000001px;
                color: #d3d3d3;
                height: 40px;
                width: 40px;
                font-size: 14px;
                text-align: center;
                line-height: 40px;
            }

                .entries_panel .entry-new .entry_header a.entry_header_menu:hover {
                    color: #333;
                }

                .entries_panel .entry-new .entry_header a.entry_header_menu.openpop {
                    visibility: visible;
                }

        .entries_panel .entry-new .entry-task-panel .entry-add-top-composer {
            border-bottom: solid 1px #e1e1e1;
        }

        .entries_panel .entry-new .entry-task-panel .mCSB_container {
            padding-bottom: 0;
        }

        .entries_panel .entry-new .entry-task-panel .entry-tasks.ui-sortable {
            min-height: 25px;
        }

        .entries_panel .entry-new .entry-task-panel .entry-tasks .task.task-last-nocomposer {
            border-bottom: solid 1px transparent;
        }

        .entries_panel .entry-new .entry-task-panel .entry-tasks .wt-task-placeholder {
            display: inline-block;
            zoom: 1;
            border: solid 1px #e1e1e1;
            background: #f2f2ea;
            display: block;
            margin: 0;
            border-width: 1px 0;
        }

        .entries_panel .entry-new .entry-task-panel .entry-tasks .picked-up {
            cursor: -moz-grabbing;
            cursor: -webkit-grabbing;
            cursor: grabbing;
            shadow: 3px #333;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
            box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
            -webkit-transform: rotate(3deg);
            -ms-transform: rotate(3deg);
            -o-transform: rotate(3deg);
            transform: rotate(3deg);
        }

            .entries_panel .entry-new .entry-task-panel .entry-tasks .picked-up a {
                cursor: -moz-grabbing;
                cursor: -webkit-grabbing;
                cursor: grabbing;
            }

        .entries_panel .entry-new div.entry-task-composer {
            margin: 5px;
        }

            .entries_panel .entry-new div.entry-task-composer .composer-body {
                margin-bottom: 5px;
                background: #fff;
                border-radius: 3px;
                border: 1px solid #ccc;
                text-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
                position: relative;
            }

                .entries_panel .entry-new div.entry-task-composer .composer-body.composer-body-focus {
                    border: solid 1px #66afe9;
                    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
                }

                .entries_panel .entry-new div.entry-task-composer .composer-body .composer-body-footer {
                    padding: 3px;
                    padding-top: 0;
                }

                    .entries_panel .entry-new div.entry-task-composer .composer-body .composer-body-footer:before, .entries_panel .entry-new div.entry-task-composer .composer-body .composer-body-footer:after {
                        content: " ";
                        display: table;
                    }

                    .entries_panel .entry-new div.entry-task-composer .composer-body .composer-body-footer:after {
                        clear: both;
                    }

                    .entries_panel .entry-new div.entry-task-composer .composer-body .composer-body-footer .task-badges {
                        padding-top: 5px;
                        float: left;
                    }

                        .entries_panel .entry-new div.entry-task-composer .composer-body .composer-body-footer .task-badges .task-badge {
                            margin-top: 0;
                        }

                    .entries_panel .entry-new div.entry-task-composer .composer-body .composer-body-footer .entry-task-members {
                        padding-top: 3px;
                    }

                .entries_panel .entry-new div.entry-task-composer .composer-body .entry-task-labels {
                    line-height: 0;
                    position: absolute;
                    top: 2px;
                    right: 0;
                }

                    .entries_panel .entry-new div.entry-task-composer .composer-body .entry-task-labels:before, .entries_panel .entry-new div.entry-task-composer .composer-body .entry-task-labels:after {
                        content: " ";
                        display: table;
                    }

                    .entries_panel .entry-new div.entry-task-composer .composer-body .entry-task-labels:after {
                        clear: both;
                    }

                    .entries_panel .entry-new div.entry-task-composer .composer-body .entry-task-labels .task-label {
                        float: left;
                        height: 8px;
                        width: 8px;
                        border-radius: 50%;
                        margin-right: 5px;
                        margin-bottom: 1px;
                    }

                .entries_panel .entry-new div.entry-task-composer .composer-body textarea {
                    margin-top: 8px;
                    outline: none;
                    border: 0;
                    resize: none;
                    box-shadow: inset 0 0 0 #fff,0 0 0 #fff;
                }

            .entries_panel .entry-new div.entry-task-composer .composer-footer:before, .entries_panel .entry-new div.entry-task-composer .composer-footer:after {
                content: " ";
                display: table;
            }

            .entries_panel .entry-new div.entry-task-composer .composer-footer:after {
                clear: both;
            }

            .entries_panel .entry-new div.entry-task-composer .composer-footer .btn {
                float: left;
            }

            .entries_panel .entry-new div.entry-task-composer .composer-footer .btn-cancel {
                font-size: 21px;
            }

            .entries_panel .entry-new div.entry-task-composer .composer-footer .action-icon {
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                float: right;
                width: 25px;
                text-align: center;
                color: #d3d3d3;
                line-height: 36px;
                font-size: 16px;
            }

                .entries_panel .entry-new div.entry-task-composer .composer-footer .action-icon:hover {
                    color: #333;
                }

        .entries_panel .entry-new .entry-task-footer {
            position: relative;
            z-index: 2;
            padding: 5px;
            line-height: 28px;
        }

        .entries_panel .entry-new a.js-add-task-composer {
            display: block;
            margin: 0 10px;
            color: #8a959e;
            text-align: left;
            padding: 3px 0;
        }

            .entries_panel .entry-new a.js-add-task-composer:hover {
                color: #d84c31;
            }

        .entries_panel .entry-new.entry-add {
            border: 0;
            -webkit-box-shadow: 0 0 0 #fff, inset 0 0 0 #FFF;
            box-shadow: 0 0 0 #fff, inset 0 0 0 #FFF;
        }

        .entries_panel .entry-new a.entry-add {
            display: block;
            border: solid 1px #e1e1e1;
            border-radius: 3px;
            text-align: center;
            line-height: 44px;
            width: 100%;
            background: #f9f9f7;
            font-size: 16px;
        }

            .entries_panel .entry-new a.entry-add:hover {
                background: #f2f2ea;
                color: #333;
            }

    .entries_panel .wt-entry-placeholder {
        display: inline-block;
        zoom: 1;
        border: solid 1px #e1e1e1;
        background: #f2f2ea;
        margin: 15px 0 0 15px;
    }

    .entries_panel .picked-up {
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
        cursor: grabbing;
        shadow: 3px #333;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
        box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
        -webkit-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }

        .entries_panel .picked-up a {
            cursor: -moz-grabbing;
            cursor: -webkit-grabbing;
            cursor: grabbing;
        }

    .entries_panel .entries_panel_sortarea {
        display: inline-block;
    }

.task_style {
    position: relative;
    padding: 10px 10px 5px 10px;
    border-bottom: solid 1px #e1e1e1;
    border-top: solid 1px #fff;
    background: #fbfbfb;
    min-height: 20px;
    line-height: 20px;
    cursor: pointer;
}

    .task_style:before, .task_style:after {
        content: " ";
        display: table;
    }

    .task_style:after {
        clear: both;
    }

    .task_style.task-hidden {
        display: none;
    }

    .task_style.task-selected {
        background: #f7f7f4;
    }

    .task_style:hover .entry-task-main a.entry-task-menu {
        visibility: visible;
    }

    .task_style .entry-task-labels {
        line-height: 0;
        position: absolute;
        top: 2px;
        right: 0;
    }

        .task_style .entry-task-labels:before, .task_style .entry-task-labels:after {
            content: " ";
            display: table;
        }

        .task_style .entry-task-labels:after {
            clear: both;
        }

        .task_style .entry-task-labels .task-label {
            float: left;
            height: 8px;
            width: 8px;
            border-radius: 50%;
            margin-right: 8px;
            margin-bottom: 1px;
        }

    .task_style .entry-task-main {
        position: relative;
        padding: 3px 0;
    }

        .task_style .entry-task-main a.entry-task-check {
            display: block;
            position: absolute;
            left: -6px;
            top: -2px;
            width: 25px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            color: #999;
            font-size: 18px;
        }

            .task_style .entry-task-main a.entry-task-check:hover {
                color: #333;
            }

            .task_style .entry-task-main a.entry-task-check i.icon-check-sign {
                color: #79c455;
            }

        .task_style .entry-task-main a.entry-task-title {
            display: block;
            word-wrap: break-word;
            white-space: normal;
            line-height: 18px;
            color: #333;
            margin: 0 18px;
        }

        .task_style .entry-task-main a.entry-task-menu {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            visibility: hidden;
            position: absolute;
            top: -3px;
            right: -8px;
            width: 25px;
            text-align: center;
            color: #d3d3d3;
            line-height: 30px;
        }

            .task_style .entry-task-main a.entry-task-menu:hover {
                color: #333;
            }

            .task_style .entry-task-main a.entry-task-menu.openpop {
                visibility: visible;
            }

    .task_style .task-badges {
        float: left;
    }

    .task_style .entry-task-members {
        float: right;
        text-align: right;
        padding-top: 8px;
    }

        .task_style .entry-task-members .member {
            margin-left: 5px;
            margin-bottom: 5px;
            float: right;
        }

.green-label {
    background-color: #5cb85c;
}

.orange-label {
    background-color: #ff9c00;
}

.form-group {
    margin-bottom: 15px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/*日历右侧*/
.layout_content_sidebar {
    width: 239px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-left: solid 1px #e1e1e1;
    -webkit-box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
    box-shadow: 0 0 3px #eee,inset 0 0 3px #fff;
}

    .layout_content_sidebar.in {
        width: 239px;
        -webkit-transition: width .2s ease-in-out;
        -o-transition: width .2s ease-in-out;
        transition: width .2s ease-in-out;
    }

    .layout_content_sidebar ul.layout_content_sidebar_header {
        margin: 0;
        margin-left: 10px;
    }

        .layout_content_sidebar ul.layout_content_sidebar_header:before, .layout_content_sidebar ul.layout_content_sidebar_header:after {
            content: " ";
            display: table;
        }

        .layout_content_sidebar ul.layout_content_sidebar_header:after {
            clear: both;
        }

        .layout_content_sidebar ul.layout_content_sidebar_header li {
            float: left;
        }

            .layout_content_sidebar ul.layout_content_sidebar_header li.active a {
                color: #323a45;
                border-bottom: solid 3px #d84c31 !important;
            }

            .layout_content_sidebar ul.layout_content_sidebar_header li a {
                margin: 13px 8px 0 8px;
                display: block;
                width: 66px;
                text-align: center;
                color: #8a959e;
                font-size: 16px;
                line-height: 42px;
            }

                .layout_content_sidebar ul.layout_content_sidebar_header li a:hover {
                    color: #323a45;
                    border-bottom: solid 3px rgba(216,76,49,0.4);
                }

    .layout_content_sidebar ul.nav_list {
        margin: 0;
    }

        .layout_content_sidebar ul.nav_list li {
            position: relative;
            list-style: none;
        }

            .layout_content_sidebar ul.nav_list li.active a {
                background: #f2f2ea;
            }

            .layout_content_sidebar ul.nav_list li.group-menu a {
                margin: 10px 10px;
                padding: 4px 25px;
                font-size: 15px;
                line-height: 40px;
                overflow: hidden;
                white-space: nowrap;
                display: block;
                text-overflow: ellipsis;
                vertical-align: bottom;
                border-radius: 5px;
            }

            .layout_content_sidebar ul.nav_list li.group-menu i {
                color: #666;
                font-size: 15px;
            }

                .layout_content_sidebar ul.nav_list li.group-menu i.icon-ok {
                    position: absolute;
                    left: 203px;
                    top: 36%;
                    color: #ccc;
                }

                .layout_content_sidebar ul.nav_list li.group-menu i.icon-angle {
                    position: absolute;
                    left: 202px;
                    top: 17px;
                }

            .layout_content_sidebar ul.nav_list li.group-menu ul.sub_nav_list {
                margin: 0;
            }

                .layout_content_sidebar ul.nav_list li.group-menu ul.sub_nav_list i.icon-ok {
                    left: 202px;
                    color: #ccc;
                }

            .layout_content_sidebar ul.nav_list li.unchecked a {
                color: #8a959e !important;
            }

                .layout_content_sidebar ul.nav_list li.unchecked a i {
                    border: solid 1px #ccc;
                    background: #f9f9f7;
                    color: #f9f9f7;
                }

            .layout_content_sidebar ul.nav_list li.checked a i {
                border-width: 1px;
                border-style: solid;
            }

                .layout_content_sidebar ul.nav_list li.checked a i.icon-ok {
                    border-color: rgb(56, 168, 170);
                    background: rgb(56, 168, 170);
                }

            .layout_content_sidebar ul.nav_list li a {
                display: block;
                margin: 5px;
                padding: 10px 20px 10px 30px;
                color: #323a45;
            }

                .layout_content_sidebar ul.nav_list li a:hover {
                    color: rgba(50,58,69,0.5);
                }

                .layout_content_sidebar ul.nav_list li a i {
                    display: inline-block;
                    width: 16px;
                    line-height: 14px;
                    border-radius: 2px;
                    text-align: center;
                    color: #f9f9f7;
                    font-size: 12px;
                }

    .layout_content_sidebar .layout_content_sidebar_footer a {
        display: block;
        line-height: 40px;
        padding: 0 25px;
        color: #666;
    }

        .layout_content_sidebar .layout_content_sidebar_footer a:hover {
            color: #d14836;
        }

/*日历当前日期切换*/
#calendar_title_warp {
    display: inline-block;
    line-height: 35px;
}

    #calendar_title_warp h4#calendar_title {
        display: inline-block;
    }

    #calendar_title_warp i.icon-chevron-left, #calendar_title_warp i.icon-chevron-right {
        padding-left: 15px;
        padding-right: 15px;
    }

#calendar .fc-grid thead .fc-widget-header {
    border-width: 0 0 1px 0;
    text-align: center;
    font-weight: 700;
    color: #666;
}

#calendar .fc-grid tbody .fc-other-month .fc-day-number {
    opacity: .2;
    filter: alpha(opacity=20);
}

#calendar .fc-day.fc-sun, #calendar .fc-day.fc-sat {
    background: #f9f9f7;
}

#calendar .fc-day.fc-state-highlight {
    background: #fcf8e3;
}

#calendar .fc-event {
    font-size: 14px;
    background: transparent;
    border: 0;
}

    #calendar .fc-event.cal_event {
        padding-left: 5px;
    }

        #calendar .fc-event.cal_event .fc-event-time {
            display: none;
        }

    #calendar .fc-event.cal_task .fc-event-time, #calendar .fc-event.cal_task_completed .fc-event-time {
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border: 1px solid #79c455;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        height: 14px;
        line-height: 11px;
        margin: 3px 3px 0;
        padding: 0 !important;
        text-align: center;
        vertical-align: top;
        width: 14px;
        background: #79c455;
    }

    #calendar .fc-event.cal_task_uncompleted .fc-event-time {
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border: 1px solid #e1e1e1;
        color: transparent;
        display: inline-block;
        font-size: 11px;
        height: 14px;
        line-height: 11px;
        margin: 3px 3px 0;
        padding: 0 !important;
        text-align: center;
        vertical-align: top;
        width: 14px;
        background: transparent;
    }

.fc-grid th {
    text-align: center;
}

.fc .fc-week-number {
    width: 22px;
    text-align: center;
}

    .fc .fc-week-number div {
        padding: 0 2px;
    }

.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px;
    font-style: italic;
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: .3;
    filter: alpha(opacity=30);
}

.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px;
}

.fc-grid .fc-event-time {
    font-weight: bold;
}

.fc-widget-content {
    border: 1px solid #ddd;
    vertical-align: top;
}

.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
}

/*任务右侧弹出层*/
.slide-content {
    border-left: solid 1px #e1e1e1;
    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.10);
    background: #f9f9f7;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 0;
    z-index: 100;
}

.entity-panel {
    height: 100%;
}

    .entity-panel .entity-panel-wrapper {
        background: #f9f9f7;
    }

        .entity-panel .entity-panel-wrapper .entity-panel-header {
            padding-left: 10px;
            line-height: 30px;
            padding-top: 12px;
            padding-bottom: 2px;
            border-bottom: 1px solid #e5e5e5;
        }

            .entity-panel .entity-panel-wrapper .entity-panel-header:before, .entity-panel .entity-panel-wrapper .entity-panel-header:after {
                content: " ";
                display: table;
            }

            .entity-panel .entity-panel-wrapper .entity-panel-header:after {
                clear: both;
            }

            .entity-panel .entity-panel-wrapper .entity-panel-header .name {
                color: #646b75;
                border-radius: 4px;
                padding: 2px 15px;
                line-height: 32px;
                height: 34px;
                display: inline-block;
                max-width: 275px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .entity-panel .entity-panel-wrapper .entity-panel-header .name:hover {
                    color: #d84c31;
                    background: #f2f2ea;
                }

            .entity-panel .entity-panel-wrapper .entity-panel-header i {
                text-shadow: 0 2px 0 #fff,0 -2px 0 #f2f2ea;
            }

            .entity-panel .entity-panel-wrapper .entity-panel-header li.divider-v {
                border-style: solid;
                border-width: 1px;
                height: 32px;
                border-left-color: #e5e5e5;
                border-right-color: #fff;
                color: transparent;
                background: transparent;
                margin-right: 8px;
            }

            .entity-panel .entity-panel-wrapper .entity-panel-header ul.nav {
                float: right;
            }

                .entity-panel .entity-panel-wrapper .entity-panel-header ul.nav li a {
                    padding: 2px 10px;
                    color: #8a959e;
                    border-radius: 4px;
                    margin-right: 8px;
                }

                    .entity-panel .entity-panel-wrapper .entity-panel-header ul.nav li a:hover, .entity-panel .entity-panel-wrapper .entity-panel-header ul.nav li a:focus {
                        color: #d84c31;
                        background: #f2f2ea;
                    }

                    .entity-panel .entity-panel-wrapper .entity-panel-header ul.nav li a.disabled {
                        cursor: default;
                        color: #ddd;
                    }

                    .entity-panel .entity-panel-wrapper .entity-panel-header ul.nav li a i {
                        margin-right: 5px;
                    }

                        .entity-panel .entity-panel-wrapper .entity-panel-header ul.nav li a i.icon-remove {
                            margin-right: 0;
                        }

                        .entity-panel .entity-panel-wrapper .entity-panel-header ul.nav li a i.clear-right {
                            margin-right: 0;
                        }

                .entity-panel .entity-panel-wrapper .entity-panel-header ul.nav .open a.dropdown-toggle {
                    color: #d84c31;
                    background: #f2f2ea;
                }

            .entity-panel .entity-panel-wrapper .entity-panel-header ul.dropdown-menu {
                padding: 5px;
            }

                .entity-panel .entity-panel-wrapper .entity-panel-header ul.dropdown-menu li a {
                    padding: 8px 20px;
                    margin-right: 0;
                }

                    .entity-panel .entity-panel-wrapper .entity-panel-header ul.dropdown-menu li a i {
                        margin-right: 10px;
                    }

        .entity-panel .entity-panel-wrapper .entity-panel-body {
            border-top: solid 1px #fff;
        }

            .entity-panel .entity-panel-wrapper .entity-panel-body:before, .entity-panel .entity-panel-wrapper .entity-panel-body:after {
                content: " ";
                display: table;
            }

            .entity-panel .entity-panel-wrapper .entity-panel-body:after {
                clear: both;
            }

            .entity-panel .entity-panel-wrapper .entity-panel-body .content-module h4, .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-module h4 {
                font-size: 16px;
                color: #d84c31;
                margin-top: 0;
                margin-bottom: 10px;
                text-shadow: 0 2px 0 #fff,0 -2px 0 #f2f2ea;
            }

                .entity-panel .entity-panel-wrapper .entity-panel-body .content-module h4 i, .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-module h4 i {
                    margin-right: 10px;
                    font-size: 14px;
                    text-shadow: 0 2px 0 #fff,0 -2px 0 #f2f2ea;
                }

            .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel {
                width: 660px;
                margin: 10px 20px;
            }

                .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .entity-members-drop-hover {
                    background: #fcf8e3 !important;
                }

                    .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .entity-members-drop-hover .avatar-add {
                        opacity: 0;
                    }

                .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .entity-members:before, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .entity-members:after {
                    content: " ";
                    display: table;
                }

                .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .entity-members:after {
                    clear: both;
                }

                .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .entity-members li {
                    float: left;
                    margin-right: 15px;
                    margin-bottom: 8px;
                    text-align: center;
                }

            .entity-panel .entity-panel-wrapper .entity-panel-body .content-panel {
                float: left;
                width: 500px;
                padding-left: 20px;
                padding-top: 5px;
            }

                .entity-panel .entity-panel-wrapper .entity-panel-body .content-panel .entity-meta, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .entity-meta {
                    margin-top: 10px;
                    margin-bottom: 10px;
                }

                .entity-panel .entity-panel-wrapper .entity-panel-body .content-panel .content-module, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .content-module {
                    margin-bottom: 20px;
                }

                    .entity-panel .entity-panel-wrapper .entity-panel-body .content-panel .content-module ul, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .content-module ul {
                        margin: 0;
                    }

                    .entity-panel .entity-panel-wrapper .entity-panel-body .content-panel .content-module .markdown ul, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .content-module .markdown ul, .entity-panel .entity-panel-wrapper .entity-panel-body .content-panel .content-module .markdown ol, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .content-module .markdown ol {
                        margin-left: 25px;
                    }

                    .entity-panel .entity-panel-wrapper .entity-panel-body .content-panel .content-module .entity-title, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .content-module .entity-title {
                        position: relative;
                    }

                        .entity-panel .entity-panel-wrapper .entity-panel-body .content-panel .content-module .entity-title h2, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .content-module .entity-title h2 {
                            font-size: 20px;
                            font-weight: 400;
                            word-wrap: break-word;
                            cursor: pointer;
                            margin-top: 0;
                            margin-bottom: 0;
                            line-height: 180%;
                        }

                            .entity-panel .entity-panel-wrapper .entity-panel-body .content-panel .content-module .entity-title h2 i, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .content-module .entity-title h2 i {
                                font-size: 14px;
                                color: #aaa;
                                margin-left: 15px;
                            }

.task-panel .entity-panel-body .entity-title h2 {
    margin-left: 30px;
}

    .task-panel .entity-panel-body .entity-title h2 em {
        margin-left: 10px;
        font-size: 14px;
        color: #8a959e;
        font-style: normal;
    }

.task-panel .entity-panel-body .entity-title a.task_check {
    position: absolute;
    top: 4px;
    font-size: 20px;
    color: #d3d3d3;
    cursor: pointer;
}

    .task-panel .entity-panel-body .entity-title a.task_check:hover {
        color: #333;
    }

    .task-panel .entity-panel-body .entity-title a.task_check i.icon-check-sign {
        color: #79c455;
    }

.entity-panel .entity-panel-wrapper .entity-panel-body .form-group, .entity-panel .entity-panel-wrapper .form-group {
    margin-top: 10px;
}

.entity-panel .entity-panel-wrapper .entity-panel-body .content-panel .content-module .fancybox-file, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .content-module .fancybox-file {
    cursor: pointer;
    display: inline-block;
}

.entity-panel .entity-panel-wrapper .entity-panel-body .content-panel .entity-links li.link-item, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .entity-links li.link-item {
    margin-bottom: 10px;
    padding-left: 23px;
}

    .entity-panel .entity-panel-wrapper .entity-panel-body .content-panel .entity-links li.link-item:before, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .entity-links li.link-item:before, .entity-panel .entity-panel-wrapper .entity-panel-body .content-panel .entity-links li.link-item:after, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .entity-links li.link-item:after {
        content: " ";
        display: table;
    }

    .entity-panel .entity-panel-wrapper .entity-panel-body .content-panel .entity-links li.link-item:after, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .entity-links li.link-item:after {
        clear: both;
    }

    .entity-panel .entity-panel-wrapper .entity-panel-body .content-panel .entity-links li.link-item i, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .entity-links li.link-item i {
        float: left;
        margin-top: 3px;
    }

    .entity-panel .entity-panel-wrapper .entity-panel-body .content-panel .entity-links li.link-item a, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel .entity-links li.link-item a {
        margin-left: 10px;
    }

.entity-panel .entity-panel-wrapper .entity-panel-body .content-panel.table-panel .row-top, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel.table-panel .row-top {
    border-bottom: solid 1px #e1e1e1;
}

.entity-panel .entity-panel-wrapper .entity-panel-body .content-panel.table-panel .row-bottom, .entity-panel .entity-panel-wrapper .entity-panel-body .entity-content-panel.table-panel .row-bottom {
    border-top: solid 1px #fff;
}

.entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel {
    float: right;
    width: 160px;
    padding-right: 10px;
    padding-top: 15px;
    margin-right: 0;
}

    .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .sidebar-module {
        margin-bottom: 20px;
    }

        .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .sidebar-module ul {
            margin: 0;
        }

            .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .sidebar-module ul:before, .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .sidebar-module ul:after {
                content: " ";
                display: table;
            }

            .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .sidebar-module ul:after {
                clear: both;
            }

            .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .sidebar-module ul li {
                margin-bottom: 10px;
            }

        .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .sidebar-module .btn {
            text-align: left;
            padding-left: 20px;
        }

            .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .sidebar-module .btn a {
                color: #fff;
            }

            .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .sidebar-module .btn i {
                margin-right: 10px;
            }

            .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .sidebar-module .btn.dropdown-toggle {
                text-align: center;
                padding-left: 8px;
                padding-right: 8px;
            }

                .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .sidebar-module .btn.dropdown-toggle i {
                    margin-right: 0;
                }

    .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .entity-members:before, .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .entity-members:after {
        content: " ";
        display: table;
    }

    .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .entity-members:after {
        clear: both;
    }

    .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .entity-members li {
        float: left;
        margin-right: 10px;
        text-align: center;
    }

    .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .entity-members-empty {
        border: solid 1px #e1e1e1;
        min-height: 50px;
        color: #aaa;
        line-height: 50px;
        text-align: center;
    }

    .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .entity-members-drop-hover {
        background: #fcf8e3 !important;
    }

        .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .entity-members-drop-hover .avatar-add {
            opacity: 0;
        }

    .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .entity-actions button, .entity-panel .entity-panel-wrapper .entity-panel-body .sidebar-panel .entity-actions form {
        margin-bottom: 10px;
    }

.entity-panel .entity-panel-wrapper .entity-panel-body .dragfile-hover-placeholder {
    height: 120px;
    text-align: center;
    padding-top: 40px;
    margin-bottom: 20px;
    line-height: 100%;
    font-size: 20px;
    margin-left: 20px;
    border: dashed 1px #e1e1e1;
}

    .entity-panel .entity-panel-wrapper .entity-panel-body .dragfile-hover-placeholder i {
        margin-right: 10px;
    }

textarea.gollum-editor-body {
    background: #fff;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 180%;
    margin: 0;
    margin-top: 10px;
    padding: .5em;
    height: 14em;
    resize: none;
}

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 3px;
    }

.tabbable ul.nav-tabs li a {
    border: solid 1px transparent;
    border-bottom: solid 3px transparent;
    color: #8a959e;
    margin-left: 10px;
    padding: 5px 15px;
    font-size: 14px;
}

    .tabbable ul.nav-tabs li a:hover {
        border: solid 1px transparent;
        border-bottom: solid 3px rgba(216,76,49,0.4);
        color: #323a45;
        background: transparent;
    }

.tabbable ul.nav-tabs li.active a {
    border: solid 1px transparent;
    border-bottom: solid 3px #d84c31;
    color: #323a45;
}

/*评论列表*/
.comment-list {
    margin-bottom: 40px;
}

    .comment-list ul.comments {
        margin: 0 0 15px 0;
    }

        .comment-list ul.comments li.comment-item {
            padding-top: 10px;
            padding-bottom: 5px;
            line-height: 180%;
            border-bottom: solid 1px #e1e1e1;
        }

            .comment-list ul.comments li.comment-item:before, .comment-list ul.comments li.comment-item:after {
                content: " ";
                display: table;
            }

            .comment-list ul.comments li.comment-item:after {
                clear: both;
            }

            .comment-list ul.comments li.comment-item:first-child {
                border-top: 0;
            }

            .comment-list ul.comments li.comment-item p {
                padding-right: 15px;
            }

                .comment-list ul.comments li.comment-item p img {
                    vertical-align: text-bottom;
                    margin-left: 2px;
                    margin-right: 2px;
                }

            .comment-list ul.comments li.comment-item:hover {
                background: #f9f9f7;
            }

                .comment-list ul.comments li.comment-item:hover .comment span.comment-meta a.comment-action {
                    display: inline-block;
                }

                .comment-list ul.comments li.comment-item:hover .comment .date {
                    display: none;
                }

            .comment-list ul.comments li.comment-item a.comment-avatar {
                float: left;
            }

            .comment-list ul.comments li.comment-item a.comment-name {
                color: #8a959e;
            }

                .comment-list ul.comments li.comment-item a.comment-name:hover {
                    color: #d84c31;
                }

            .comment-list ul.comments li.comment-item .comment {
                margin-left: 50px;
                position: relative;
            }

                .comment-list ul.comments li.comment-item .comment span.comment-meta {
                    text-align: right;
                    width: 200px;
                    display: inline-block;
                    zoom: 1;
                    position: absolute;
                    right: 8px;
                    color: #8a959e;
                }

                    .comment-list ul.comments li.comment-item .comment span.comment-meta a.comment-action {
                        display: none;
                        color: #8a959e;
                        width: 35px;
                    }

                        .comment-list ul.comments li.comment-item .comment span.comment-meta a.comment-action:hover {
                            color: #d84c31;
                        }

                .comment-list ul.comments li.comment-item .comment .current-comment {
                    margin-top: 10px;
                    word-break: break-all;
                }

                    .comment-list ul.comments li.comment-item .comment .current-comment p {
                        margin-bottom: 15px;
                    }

                .comment-list ul.comments li.comment-item .comment .edit-controls textarea {
                    height: 8em;
                }

                .comment-list ul.comments li.comment-item .comment .edit-controls .add-controls {
                    margin-bottom: 10px;
                }

    .comment-list .new-comment {
        margin-top: 10px;
    }

        .comment-list .new-comment:before, .comment-list .new-comment:after {
            content: " ";
            display: table;
        }

        .comment-list .new-comment:after {
            clear: both;
        }

        .comment-list .new-comment a.new-comment-avatar {
            float: left;
        }

        .comment-list .new-comment .new-comment-edit {
            margin-left: 50px;
            border: solid 1px #e1e1e1;
            background: #f9f9f7;
        }

            .comment-list .new-comment .new-comment-edit textarea {
                width: 100%;
                height: 8em;
                padding: 10px;
                resize: none;
                border: 0;
                outline: 0;
                background: #f9f9f7;
                border-bottom: solid 1px #e1e1e1;
            }

                .comment-list .new-comment .new-comment-edit textarea:focus {
                    background: #fff;
                }

            .comment-list .new-comment .new-comment-edit .comment-upload-queue ul.comment-attachments li:last-child {
                padding-bottom: 5px;
                border-bottom: solid 1px #e1e1e1;
            }

            .comment-list .new-comment .new-comment-edit .comment-upload-queue .comment-upload-item {
                border-top: 1px solid #ddd;
                padding-bottom: 3px;
                margin: 5px 0;
            }

                .comment-list .new-comment .new-comment-edit .comment-upload-queue .comment-upload-item:before, .comment-list .new-comment .new-comment-edit .comment-upload-queue .comment-upload-item:after {
                    content: " ";
                    display: table;
                }

                .comment-list .new-comment .new-comment-edit .comment-upload-queue .comment-upload-item:after {
                    clear: both;
                }

                .comment-list .new-comment .new-comment-edit .comment-upload-queue .comment-upload-item .file-name {
                    width: 98%;
                    margin: 3px 0 2px 5px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                .comment-list .new-comment .new-comment-edit .comment-upload-queue .comment-upload-item .error {
                    float: left;
                    width: 116px;
                    margin-left: 5px;
                }

                .comment-list .new-comment .new-comment-edit .comment-upload-queue .comment-upload-item .progress {
                    height: 14px;
                    width: 96px;
                    margin-left: 5px;
                    margin-bottom: 3px;
                    float: left;
                }

                .comment-list .new-comment .new-comment-edit .comment-upload-queue .comment-upload-item .cancel {
                    float: right;
                    cursor: pointer;
                    margin-right: 10px;
                }

            .comment-list .new-comment .new-comment-edit .add-controls {
                padding: 2px 10px 4px 10px;
                margin-top: -5px;
            }

                .comment-list .new-comment .new-comment-edit .add-controls:before, .comment-list .new-comment .new-comment-edit .add-controls:after {
                    content: " ";
                    display: table;
                }

                .comment-list .new-comment .new-comment-edit .add-controls:after {
                    clear: both;
                }

                .comment-list .new-comment .new-comment-edit .add-controls ul.nav {
                    float: left;
                    margin-top: 5px;
                }

                    . comment-list .new-comment .new-comment-edit .add-controls ul.nav li.open a.dropdown-toggle {
                        -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
                        box-shadow: 0 0 0 rgba(0,0,0,0);
                        background: #f2f2ea;
                    }

                    .comment-list .new-comment .new-comment-edit .add-controls ul.nav li.divider-v {
                        border-style: solid;
                        border-width: 1px;
                        height: 32px;
                        border-left-color: #e5e5e5;
                        border-right-color: #fff;
                        color: transparent;
                        background: transparent;
                        margin: 0 5px;
                    }

                    .comment-list .new-comment .new-comment-edit .add-controls ul.nav li a {
                        display: inline-block;
                        padding: 6px 12px;
                        font-size: 16px;
                        vertical-align: middle;
                        color: #8a959e;
                        text-shadow: 0 2px 0 #fff,0 -2px 0 #f2f2ea;
                    }

                        .comment-list .new-comment .new-comment-edit .add-controls ul.nav li a.font_at {
                            font-family: Verdana,Geneva,sans-serif;
                        }

                        .comment-list .new-comment .new-comment-edit .add-controls ul.nav li a:hover {
                            color: #d84c31;
                            background: #f2f2ea;
                        }

                    .comment-list .new-comment .new-comment-edit .add-controls ul.nav li ul.dropdown-menu {
                        padding: 5px;
                    }

                        .comment-list .new-comment .new-comment-edit .add-controls ul.nav li ul.dropdown-menu a {
                            display: block;
                            color: #8a959e;
                            border-radius: 4px;
                            padding: 8px 20px;
                            font-size: 14px;
                        }

                            .comment-list .new-comment .new-comment-edit .add-controls ul.nav li ul.dropdown-menu a:hover {
                                color: #d84c31;
                                background: #f2f2ea;
                                text-shadow: 0 2px 0 #fff,0 -2px 0 #f2f2ea;
                            }

                .comment-list .new-comment .new-comment-edit .add-controls .btn {
                    margin-top: 3px;
                }

.entry {
    max-width: 400px;
}
